<template>
    <div style="margin:100px 100px;text-align:left">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="用户管理" name="user">用户管理</el-tab-pane>
          <el-tab-pane label="菜单管理" name="menu">菜单管理</el-tab-pane>
          <el-tab-pane label="订单管理" name="order">订单管理</el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
export default {
    name : 'Tab',
    data(){
        return {
            activeName : 'user'
        }
    },
    methods: {
        handleClick(tab,evt){
            console.log(tab,evt);
        }
    }
}
</script>